<template>
  <div class="index-fa">
    <!-- <el-button id="system">系统信息</el-button> -->
    <div class="indexBox">
      <!-- <transition name="el-zoom-in-center">
        <div class="transition-box">系统介绍......</div>
      </transition> -->
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {},
}
</script>
<style scoped>
.index-fa {
  width: 100%;
  height: 100%;
}

#system {
  display: block;
  float: left;
}

.indexBox {
  width: 100%;
  height: 100%;
  background: url('../../../assets/img/index.jpg') no-repeat center;
  background-size: cover;
}

.transition-box {
  float: left;
  margin: 10px 20px 20px 0;
  width: 100%;
  height: 700px;
  border-radius: 4px;
  background-color: #409eff;
  text-align: center;
  color: #fff;
  padding: 40px 20px;
  box-sizing: border-box;
}
</style>  